window.addEventListener('load',function(){
   var item=document.querySelectorAll('.sel-l i')
    // console.log(item);
    var ool=document.querySelector('.tiem')
    var flag = 1;
    var ul=document.querySelector('.sel-l ul')
   var ull=document.querySelector('.di')
    // console.log(ul);
    // item[0].className='item'
    // console.log(item[0]);
    item[0].onclick=function(){
        if(flag==0){
            item[0].className='item'
            item[0].style.transform = 'rotate(0deg)';
            flag=1;
            ul.style.display='none'
        }else{
            item[0].className=''
            flag=0;
            item[0].style.transform = 'rotate(180deg)';
            ul.style.display='block'
        }
    }
    item[1].onclick=function(){
        if(flag==0){
            // item[1].className='item'
            item[1].style.transform = 'rotate(180deg)';
            ull.style.display='block'
            flag=1;
        }else{
            // item[1].className=''
            item[1].style.transform = 'rotate(0deg)';
            ull.style.display='none'
            flag=0;
        }
    }
      //1.当滚动到sel时 ,sort定位方式改变
      //2.当滚动到banner时,goback中返回顶部出现
    var sort=document.querySelector('.sort-dh-all')
    var sel=document.querySelector('.l2')
    var soot=document.querySelector('.page1')
    // console.log(sel);
    var sootTop=soot.offsetTop
//  console.log(sootTop);
     var selTop = sel.offsetTop;
//    console.log(selTop);
   var sortTop=soot.offsetTop-selTop
//    console.log(sortTop);
    //  console.log(sortTop);
    // console.log(window.pageYOffset);
     document.addEventListener('scroll',function(){
        if(window.pageYOffset >= 660){
            sel.style.position='fixed'
            sel.style.top = 0+ 'px';
        }else{
            sel.style.position='absolute'
            sel.style.top = '100px';
        };
     });
     var div=document.querySelectorAll('.sel-l ul li')
     var span=document.querySelector('.sel-l span');
     console.log(span);
    //  document.getElementById('span_id').innerText
     for(var i=0;i<div.length;i++){
        // span.innerHTML='';
         div[i].onclick=function(){
            // span.innerText='';
            span.innerHTML=this.innerHTML;
        
        //     // $("#spanID").empty();
        // //    span.innerText
        //     console.log(span);
         }
     }
    
    
     var all=document.querySelectorAll('.sort-dh-all a')
     var onn=document.querySelector('.sort-dh-all .no')
     var tupe=document.querySelectorAll('.sort-type-btn-all a')
     var mop=document.querySelectorAll('.l3-l-all div')
     var mmp=document.querySelectorAll('.l3-r-all .kkk div')
    //  console.log(mmp);
     for(var i = 0;i < all.length;i++){
        for(var j=0;j<tupe.length;j++){
            tupe[j].setAttribute('data-index',j);
            // console.log(tupe[j]);
             tupe[j].onclick=function(){
            //   console.log(tupe[j]);
           
              for(var i=0;i<tupe.length;i++){
                tupe[i].classList.remove('no');
              }
            //   mmp[i].setAttribute('data-index',i);
              this.classList.add('no');

              var index = this.getAttribute('data-index');
              for(var i=0;i<mmp.length;i++){
                    mmp[i].classList.remove('un');
                    var index = this.getAttribute('data-index');
              }  
                // mmp[index].className.add('un')
                    mmp[index].classList.add('un')
            }
           
            // console.log(tupe[j]);

        };
        all[i].setAttribute('data-index',i);
        all[i].onclick=function(){
                for(var i=0;i<all.length;i++){      
                    all[i].classList.remove('on');
                };
                    this.classList.add('on');
                    var index = this.getAttribute('data-index');

                   
                   
                 


                var index = this.getAttribute('data-index');
                for(var j=0;j<mop.length;j++){
                    mop[j].setAttribute('data-index',j);
                    mop[j].style.display='none'
                  

                };
                mop[index].style.display='block'
               
               
        }

    }
        

               



























   
})
